<div class="grid_12">
	<div id="currencyWidget">
		<?= $this->widget('default','currency');?>
	</div>
	<div id="index-menu">
		<div class="top_menu">
			<div class="menu-pic">
				<a href="<?= $this->url(array('slug' => 'history'),'pages_index_index');?>">
					<span><?= $this->translate('ABOUT US'); ?></span>
					<img src="/img/main-menu/1.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
			<div class="menu-pic">
				<a href="<?= $this->url(array(),'news_index_index');?>">
					<span><?= $this->translate('NEWS'); ?></span>
					<img src="/img/main-menu/2.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
			<div class="menu-pic">
				<a href="<?= $this->url(array('slug' => 'departments'),'pages_index_index');?>">
					<span><?= $this->translate('AFFILIATES'); ?></span>
					<img src="/img/main-menu/3.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
			<div class="menu-pic">
				<a href="<?= $this->url(array('slug' => 'products'),'pages_index_index');?>">
					<span><?= $this->translate('PRODUCTS'); ?></span>
					<img src="/img/main-menu/4.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
		</div>
		<div class="clearfix"></div>
		<div class="bottom_menu">
			<div class="menu-pic">
				<a href="<?= $this->url(array('slug' => 'service'),'pages_index_index');?>">
					<span><?= $this->translate('SERVICE'); ?></span>
					<img src="/img/main-menu/5.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
			<div class="menu-pic">
				<a href="<?= $this->url(array(),'gallery_index_index');?>">
					<span><?= $this->translate('GALLERY'); ?></span>
					<img src="/img/main-menu/6.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
			<div class="menu-pic">
				<a href="<?= $this->url(array(),'pages_index_contacts');?>">
					<span><?= $this->translate('CONTACTS'); ?></span>
					<img src="/img/main-menu/7.png" class="reflect ropacity20" alt="<?= $this->translate('ABOUT US'); ?>" width="96" height="93" />
				</a>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function(){
		$(".menu-pic").mouseover(function(){
			$(this).find("img").animate({
				width: '+=10',
				height: '+=10'
			},150);
			$(this).animate({
				width: '+=10'
			},150);
			$(this).find("canvas").animate({
				width: '+=10'
			},150);
		});
		$(".menu-pic").mouseout(function(){
			$(this).find("img").stop().css("width","96px").css("height","93px");
			$(this).stop().css("width","96px");
			$(this).find("canvas").stop().css("width","96px");
		});
	});
</script>